<template>
	<view class="life">
		<!-- 搜索框 -->
		<view class="search-box">
			<view class="loaction">
				<view class="sy">
					<image src="/static/wine-index/sy_icon_dw.png" />
				</view>
				<view>{{address || '邯郸'}}</view>
				<view class="city">
					<image src="/static/wine-index/loaction.png" />
				</view>
			</view>
			<view class="search" @tap="toSrearch">
				<view class="icon">
					<image src="/static/images/search.png" />
				</view>
				<view class="text">{{searchContent ? searchContent : '搜索商品名称或者店铺'}}</view>
			</view>
		</view>
		<!-- iamges -->
		<view class="imageView">
			<image src="/static/life/banner.png" />
		</view>
		<!-- tabs -->
		<view class="life_tabs">
			<view class="tabs_main">
				<view class="tabs_main_item">
					<view class="img"><img src="" alt="" style="background-color: pink;"></view>
					<view class="name">酒店</view>
				</view>
				<view class="tabs_main_item">
					<view class="img"><img src="" alt="" style="background-color: pink;"></view>
					<view class="name">酒店</view>
				</view>
				<view class="tabs_main_item">
					<view class="img"><img src="" alt="" style="background-color: pink;"></view>
					<view class="name">酒店</view>
				</view>
				<view class="tabs_main_item">
					<view class="img"><img src="" alt="" style="background-color: pink;"></view>
					<view class="name">酒店</view>
				</view>
				<view class="tabs_main_item">
					<view class="img"><img src="" alt="" style="background-color: pink;"></view>
					<view class="name">酒店</view>
				</view>
				<view class="tabs_main_item">
					<view class="img"><img src="" alt="" style="background-color: pink;"></view>
					<view class="name">酒店</view>
				</view>
				<view class="tabs_main_item">
					<view class="img"><img src="" alt="" style="background-color: pink;"></view>
					<view class="name">酒店</view>
				</view>
				<view class="tabs_main_item">
					<view class="img"><img src="" alt="" style="background-color: pink;"></view>
					<view class="name">酒店</view>
				</view>
				<view class="tabs_main_item">
					<view class="img"><img src="" alt="" style="background-color: pink;"></view>
					<view class="name">酒店</view>
				</view>
				<view class="tabs_main_item">
					<view class="img"><img src="" alt="" style="background-color: pink;"></view>
					<view class="name">酒店</view>
				</view>
			</view>
		</view>
		<!-- 餐饮列表 -->
		<view class="life_restaurant_list">
			<view class="list_main">
				<view class="list_item">
					<view class="img"><img src="" alt=""></view>
					<view class="restaurant_name">这是商品名称或者店铺名称</view>
					<view class="describe_title">
						<view class="describe_left">
							<span>描述</span>
							<span>|</span>
							<span>描述</span>
							<span>|</span>
							<span>描述</span>
						</view>
						<view class="describe_right">
							<span>月销200</span>
						</view>
					</view>
					<view class="price">
						<span class="current">￥3144</span>
						<span class="before">￥99999</span>
					</view>
				</view>
				<view class="list_item">
					<view class="img"><img src="" alt=""></view>
					<view class="restaurant_name">这是商品名称或者店铺名称</view>
					<view class="describe_title">
						<view class="describe_left">
							<span>描述</span>
							<span>|</span>
							<span>描述</span>
							<span>|</span>
							<span>描述</span>
						</view>
						<view class="describe_right">
							<span>月销200</span>
						</view>
					</view>
					<view class="price">
						<span class="current">￥3144</span>
						<span class="before">￥99999</span>
					</view>
				</view>
				<view class="list_item">
					<view class="img"><img src="" alt=""></view>
					<view class="restaurant_name">这是商品名称或者店铺名称</view>
					<view class="describe_title">
						<view class="describe_left">
							<span>描述</span>
							<span>|</span>
							<span>描述</span>
							<span>|</span>
							<span>描述</span>
						</view>
						<view class="describe_right">
							<span>月销200</span>
						</view>
					</view>
					<view class="price">
						<span class="current">￥3144</span>
						<span class="before">￥99999</span>
					</view>
				</view>
				<view class="list_item">
					<view class="img"><img src="" alt=""></view>
					<view class="restaurant_name">这是商品名称或者店铺名称</view>
					<view class="describe_title">
						<view class="describe_left">
							<span>描述</span>
							<span>|</span>
							<span>描述</span>
							<span>|</span>
							<span>描述</span>
						</view>
						<view class="describe_right">
							<span>月销200</span>
						</view>
					</view>
					<view class="price">
						<span class="current">￥3144</span>
						<span class="before">￥99999</span>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	@import "./life.css";
</style>